<template>
  <div>
    <TopNavigation :address="$store.state.user.currentCity"></TopNavigation>
    <RentalOptions></RentalOptions>
    <keep-alive>
      <RentalGroups></RentalGroups>
    </keep-alive>
  </div>
</template>

<script>
import TopNavigation from '@/components/home/TopNavigation.vue'
import RentalOptions from '@/components/home/RentalOptions.vue'
import RentalGroups from '@/components/home/RentalGroups.vue'

export default {
  name: 'home-page',
  components: {
    TopNavigation,
    RentalOptions,
    RentalGroups
  }
}
</script>

<style lang="less" scoped>
/deep/.van-grid-item__icon {
  color: #00ae66;
}
/deep/.van-grid-item__content--center {
  height: 100px;
}
/deep/.van-icon__image {
  width: 50px;
  height: 50px;
}
</style>
